<template>
  <div>
    <div class="input-block box-border">
      <input placeholder="输入标题" />
    </div>
  </div>
</template>

<script lang="ts" setup>

</script>

<style lang="scss" scoped>
.input-block {
  width: 100%;
  height: 3rem;
  display: flex;
  padding: 0.2rem 1rem;
  border-radius: 4px;
  font-size: 1.1rem;

  input {
    outline: 0;
    border: 0;
    background-color: var(--bg-secondary);
    &::placeholder {
      color: var(--color-20);
      font-size: 1rem;
    }

  }
}
</style>